<template>
    <li class="novel_li">
        <div>
            <!-- <div class="state">连载中</div> -->
            <div class="cover_box">
                <a href="/novel/intro?id=985768219669303296" :title="item.title">
                <img class="cover" :src="item.img" />
                </a>
            </div>
            <div class="brief_box">
                <div class="title">
                    <a href="/novel/intro?id=985768219669303296" :title="item.title">{{ item.title }}</a>
                </div>
                <div class="info_box">
                    <div class="author">{{ item.author }}</div>
                    <div class="view">
                        <img src="/image/view.svg" />
                        <span>{{ item.viewCount }}</span>
                    </div>
                </div>
                <div class="info_box">
                    <div class="author">4天前</div>
                    <div class="view">
                        <img src="/image/option_collect.svg" />
                        <span>984</span>
                    </div>
                </div>
            </div>
        </div>
    </li>
</template>
<script setup lang="js">
const props = defineProps({
  item: {
    type: Object,
    required: true,
  },
})
</script>
